<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线小应用合集</title>
    <link rel="stylesheet" href="styles/main.css">
</head>
<body>
    <header>
        <h1>在线小应用合集</h1>
    </header>
    
    <main>
        <section class="app-list">
            <div class="app-card">
                <h2>分贝测试器</h2>
                <p>测量环境噪音的分贝值</p>
                <a href="apps/sound-meter/index.html" class="btn">开始使用</a>
            </div>
            
            <div class="app-card">
                <h2>GIF生成器</h2>
                <p>将多张图片合成GIF动图</p>
                <a href="apps/gif-generate/index.html" class="btn">开始使用</a>
            </div>
            <!-- 这里可以添加更多的应用卡片 -->
        </section>
    </main>
    
    <footer>
        <p>&copy; 2023 在线小应用合集</p>
    </footer>
    
    <script src="scripts/main.js"></script>
</body>
</html>